<% include "/WEB-INF/includes/cabeceira.gtpl" %>

<div id="content" class="group">

<% def erro = request.getAttribute('erro') 
  def mensaxeExito = request.getAttribute('mensaxe')
%>

<% if (erro) { %>
<div class="erro">
${erro?:''}
</div>
<% } %>

<% if (mensaxeExito) { %>
<div class="exito">
${mensaxeExito?:''}
</div>
<% } %>


<div id="container">
<div id="container-inner">

<h1>Nova foto para a galería</h1>
<form id="formulario" action="crea/foto" method="post" enctype="multipart/form-data">
<fieldset>
<p>introduce os datos da foto</p>


<div class="campo">
<label class="etiqueta" for="imaxe">Ficheiro imaxe</label>
<input type="file" id="imaxe" name="imaxe"/>
<span class="mensaje"></span>
</div>

<div class="campo">
<label class="etiqueta" for="tituloFoto">Título</label>
 <input type="text" id="tituloFoto" name="tituloFoto"/>
<span class="mensaje"></span>
</div>


<div class="campo">
<label class="etiqueta" for="descricion">Descrición da imaxe</label>
<textarea rows="120" cols="90" id="descricion" name="descricion"></textarea>
<span class="mensaje"></span>
</div>


<div class="campo">
<label class="etiqueta" for="ano">Ano da foto</label>
 <input type="text" id="ano" name="ano"/>
<span class="mensaje"></span>
</div>


<div class="campo">
<label class="etiqueta" for="concello">Concello</label>
<% include '/listaConcellos.groovy' %>
<span class="mensaje"></span>
</div>


<div class="campo">
<label class="etiqueta" for="lugar">Lugar</label>
<input type="text" id="lugar" name="lugar"/>
<span class="mensaje"></span>
</div>



  <div class="controls">
  
            
            
      <input id="submit" class="submit" name="submit" type="submit" 
          value="Garda a foto"/>
          
    </div>
    

</fieldset>

</form>
</div>
</div>


</div> <!-- /content -->


<% include "/WEB-INF/includes/pe.gtpl" %>



<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>


<script type="text/javascript">
jQuery(function() {
	var validator = jQuery("#formulario").validate({
		rules: {
			imaxe: "required",
			tituloFoto : {
		       required:true,
			   maxlength:50
		    },
            descricion: {
		        maxlength:250
		    },
			ano: "required",
			concello: "required"		

		},
		messages: {
			imaxe: "Tes que escoller unha foto",
			tituloFoto: {
               required:"Por favor, indica o título da foto",
               maxlength:"Non pode pasar dos 50 caracteres"
            },
            descricion: {
               maxlength:"Non podes pasar dos 250 caracteres"
            },
			ano:"É importante o ano aínda que sexa aproximado",
			concello: "Onde foi tomada a foto?"
			
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				//error.appendTo( element.parent().next() );
				error.appendTo( element.next());
		},
		
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
});	
	
	
</script>	


<% include "/WEB-INF/includes/fin.gtpl" %>

